// 注册全局自定义指令，统一处理图片加载失败的情况
// 两种指令，全局和局部，看要求，使用不同注册方式，使用按需方式导出
// 第一种所有制令全局注册
// import Vue from 'vue'
// Vue.directive('imgerror', {
//   inserted(el, binding) {
//     // el指令所在的元素
//     // binding指令信息对象，binding。value指令的值
//     // onerror可以捕获图片加载失败
//     el.onerror = function () {
//       el.src = binding.value
//     }
//   }
// })
// // 文字颜色
// Vue.directive('textcolor', {
//   inserted(el, binding) {
//     el.style.color = binding.value
//   }
// })
//

// 第二种抽封，根据需求进行全局或者局部
export const imgerror = {
  inserted(el, binding) {
    // el指令所在的元素
    // binding指令信息对象，binding。value指令的值
    // onerror可以捕获图片加载失败
    el.onerror = function () {
      el.src = binding.value
    }
  }
}

export const textcolor = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}
